<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>SpringBoot集成Thymeleaf模板城市界面</title>

    <!--1、引入bootstrap样式框架-->
    <link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css">
    <!--4、引入bootstrap中的Jquery框架-->
    <script src="/bootstrap/js/jquery.min.js"></script>
    <!--5、引入bootstrap中的JS框架-->
    <script src="/bootstrap/js/bootstrap.min.js"></script>


    <!--代码-->
    <script>
        function getcity(cid) {
            alert("先查询出来，在修改"+cid)
        }
    </script>
</head>
<body>

<div class="container">
    <div class="panel panel-primary">
        <div class="panel-heading">
            <h1>AngularJS框架</h1>
        </div>
        <div class="panel-body">


            <form action="/citys/searchAll" method="post" class="form-inline">
                <input class="form-control" name="cId" placeholder="请输入城市id">
                <input class="form-control" name="cName" placeholder="请输入城市关键字">

                所在省：
                <select class="form-control" name="fId">

                </select>
                <button class="btn btn-success" type="submit">综合查询</button>
            </form>

            <table class="table table-bordered table-bordered table-striped table-condensed text-center">
                <tr>
                    <td>序号</td>
                    <td>编号</td>
                    <td>城市</td>
                    <td>上一级id</td>
                    <td>操作</td>
                </tr>

                <tr th:each="c,i : ${pb.rows}">
                    <td th:text="${i.count}"></td>
                    <td th:text="${c.cId}"></td>
                    <td th:text="${c.cName}"></td>
                    <td th:text="${c.fId}"></td>
                    <td>
                        <a  th:onclick="|getCity(${c.cId})|" class="btn btn-success">修改</a>
                        <a  th:href="@{'/citys/delete?cId='+${c.cId}}" class="btn btn-danger">删除</a>
                    </td>
                </tr>

                <tr>
                    <td colspan="4">
                        <!--分页标签一行代码：-->
                        <tm-pagination conf="paginationConf"></tm-pagination>
                    </td>
                </tr>

            </table>
        </div>
        <div class="panel-footer text-center">欢迎</div>
    </div>
</div>

</body>
</html>